<template>
    <div class="page flex ">
        <div class="form">

            <el-table :data="tableData" style="width: 100%">
                <el-table-column type="index" label="#" width="180">
                </el-table-column>
                <el-table-column prop="name" label="商品" width="180">
                </el-table-column>
                <el-table-column prop="address" label="询问">
                </el-table-column>
                <el-table-column prop="address" label="回复">
                </el-table-column>
            </el-table>
        </div>

        <div class="unified-pagination unified-bg-white">
            <el-pagination :page-sizes="[10]" layout="total, sizes, prev, pager, next, jumper" :total="total"
                @current-change="changeCurrent" @size-change="changelimit">
            </el-pagination>

        </div>
    </div>
</template>

<script>
    export default {

        data() {

            return {

                tableData: [{}]

            }

        }

    }
</script>

<style scoped="scoped">
    .page {
        flex-direction: column;

    }

    .form {
        width: 100%;
        flex: 1;
        background-color: #fff;
    }
</style>
